<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />  
<meta http-equiv="Pragma" content="no-cache" />  
<meta http-equiv="Expires" content="0" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<title>爱车编辑</title>
 	<link rel="stylesheet" href="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/css/bootstrap.min.css">  
    <link href="http://carowner.yonyouauto.com/fs01/ase/v1/components/mobisscroll/css/mobiscroll.custom-3.0.0-beta2.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrapValidator/css/bootstrapValidator.css" type="text/css" />
	<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/jquery2.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/mobisscroll/js/mobiscroll.custom-3.0.0-beta2.min.js" type="text/javascript"></script>
    <script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrapValidator/js/bootstrapValidator.js"></script>
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/common.js"></script>
    <script type="text/javascript" src="../js/homepage/editCarinfo.js?t=9018222"></script>
</head>
<body>


<div id="myTabContent" class="tab-content">	
	<!--一级预约界面  -->
	<div id="vehicleBindingForm" class="container formValidate tab-pane fade" style="padding: 10px 10px 0px 10px"
	                 data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
	                 data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
	                 data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
	                 
	
		<div class="form-group has-feedback selectBrandSeries">
		  <input type="text" id="defaultPackageName" name="defaultPackageName" style="padding: 6px 60px" 
		            class="form-control" readonly="readonly"
		            placeholder="请选择车型">
		  <a class="" href="#"><span class="form-control-feedback" style="left:2px;white-space:nowrap;">车型</span></a>
		</div>
		
		
		<input type="hidden" id="defaultBrandCode">
        <input type="hidden" id="defaultSeriesCode">
        <input type="hidden" id="defaultModelCode">
        <input type="hidden" id="defaultPackageCode">
		
		<div class="form-group has-feedback">
		  <input type="text" id="licenseNo" name="licenseNo" style="padding: 6px 60px" 
		            class="form-control"
		            placeholder="请输入车牌号"
					required
                    data-bv-notempty-message="此项必填"
                    pattern="^[\u4e00-\u9fa5]{1}[A-Za-z0-9]{6}$"
                        data-bv-regexp-message="请输入前缀（汉字）、字母、数字"
                        minlength="7"
                        maxlength="7"
                        data-bv-stringlength-message="长度至少是7位">
		  <span class="form-control-feedback" style="left:2px;white-space:nowrap;">车牌号</span>
		</div>
		<div class="form-group has-feedback">
		  <input type="text" id="engineNo" name="engineNo" style="padding: 6px 60px" 
		            class="form-control"
		            placeholder="请输入发动机号"
					required
	                         data-bv-notempty-message="此项必填">
		  <span class="form-control-feedback" style="left:2px;white-space:nowrap;">发动机号</span>
		</div>
		<div class="form-group has-feedback">
		  <input type="text" id="vin" name="vin" style="padding: 6px 60px" 
		            class="form-control"
		            placeholder="请输入车架号"
					required
                    data-bv-notempty-message="此项必填"
                    pattern="^[A-Za-z0-9]+$"
                    data-bv-regexp-message="请正确输入车架号"
                    minlength="17"
                    maxlength="17"
                    data-bv-stringlength-message="长度至少是17">
		  <span class="form-control-feedback" style="left:2px;white-space:nowrap;">车架号</span>
		</div>
		
		<div class="form-group has-feedback">
	      <input id="purchaseDate" name="purchaseDate" size="16" type="text"
	                     placeholder="请选择购车日期" readonly class="form-control" style="padding: 6px 60px" 
				         data-bv-trigger="change"
	                     required
	                     data-bv-notempty-message="此项必填">
		  <span class="form-control-feedback" style="left:2px;white-space:nowrap;">购车日期</span>
		</div>
				
		<div class="form-group has-feedback">
		  <input type="text" id="personalName" readonly name="personalName" style="padding: 6px 60px" 
		            class="form-control"
		            placeholder="请输入联系人"
					required
                    maxlength="10"
	                data-bv-notempty-message="此项必填">
		  <span class="form-control-feedback" style="left:2px;white-space:nowrap;">联系人</span>
		</div>
		
		
		<div class="form-group has-feedback" style="margin-bottom: 0px;">
		  <input type="text" name="phone" readonly id="phone" style="padding: 6px 60px"
		             class="form-control" 
		             placeholder="请输入手机号码"
					required
                    data-bv-notempty-message="此项必填"
                    pattern="^1[0-9]{10}$"
                    data-bv-regexp-message="只能是数字,必须是11位且正确输入"
                    minlength="11"
                    maxlength="11"
                    data-bv-stringlength-message="长度至少是11">
		  <span class="form-control-feedback" style="left:2px;white-space:nowrap;">手机号码</span>
		</div>
		
	    <div class="col-xs-12 col-sm-12" style="margin-bottom: 10px;">
	        <center>
	           <img src="http://carowner.yonyouauto.com/fs01/ase/v1/images/drivinglicense.png" class="img-responsive">
	        </center>
	    </div>
		
	    
		
		<p>
		  <button id="sureBinding" type="button" class="btn btn-primary btn-block">确定</button>
	    </p>
		
	</div>
	<!--二级选择车车系页面  -->
	<div id="carModelExhibitionDiv" class="container tab-pane fade">
	</div>
	
	<!--三级选择具体车系页面  -->
	<div id="carModelExhibitionDetailDiv" class="container tab-pane fade">
			<div class="panel panel-default">
			    <div class="panel-body">
			       <div class="container">
					   <div class="row">
					      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">预约车型</div>
					      <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"><a class="againSelectBrandSeries" href="#"><span id="modelNameSpan"></span><span class="glyphicon glyphicon-chevron-right"></span></a></div>      
					   </div>
				   </div>
			    </div>
			</div>
	        <h4>选择预约车型</h4>
	        <div id="carModelPackageExhibitionDiv">
	        </div>
	        
	</div>
	
	
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="testdrivingAmModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" align="left">
		<!-- - <button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true">×
				</butto -->
				<h4 class="modal-title">
					尊敬的车主，<span id="personalNameModal">sunrise</span>您好！
				</h4>
			</div>
			<div class="modal-body">
				爱车信息修改成功，欢迎继续使用售后服务！
			</div>
			<div class="modal-footer">
			   <center>
					<button type="button" class="btn btn-default" 
							id="modalSure">确定
					</button>
			   </center>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade" id="selectLoveModelTop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" align="left">
		<!-- - <button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true">
				</button> -->
				<h4 class="modal-title">
					温馨提示：
				</h4>
			</div>
			<div class="modal-body">
				请选择车型！
			</div>
			<div class="modal-footer">
			   <center>
					<button type="button" class="btn btn-default" 
							id="selectLoveModelTopSure">确定
					</button>
			   </center>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>